<template>
  <div id="app">

<!--    <img src="./assets/logo.png"><br>-->
<!--  <span :onclick="find">按钮</span>-->
<!--    <router-link :to="{path:'/course'}">-->
<!--        <el-button type="primary">to course</el-button>-->
<!--     </router-link>&nbsp;&nbsp;-->
<!--    <router-link :to="{path:'/apple'}">-->
<!--        <el-button type="success">to apple</el-button>-->
<!--    </router-link>&nbsp;&nbsp;-->
<!--    <router-link :to="{path:'/apple/red'}">-->
<!--      <el-button type="primary">to red apple</el-button>-->
<!--    </router-link>-->
<!--    <router-link :to="{path:'/banana'}">-->
<!--      <el-button type="primary">to banana</el-button>-->
<!--    </router-link>-->
<!--    <router-link :to="{path:'/banana'}">to banana</router-link>-->
<!--    <br/>-->
<!--缓存地址-->
    <keep-alive>
      <!--这计划可以是上面的链接跳转到响应的页面-->
       <router-view></router-view>
    </keep-alive>

  </div>
</template>

<script>

// 导入组件
import Hello from './components/Hello'
export default {
  name: 'App',
  data () {
    return {
      username:"张三",
    }
  },
  components: {
    Hello
  },
  methods:{
    // find(){
      // console.log("...................")
      // console.log('find...')
      // const URL = '/wordModule/listPage'; // url地址
      // const params = {page:1,pageSize:1}; // 参数
      // axios.get(URL, params)
      // .then((response) => {
      //     console.log('find ' +JSON.stringify(response));
      //   }).catch((e) => {
      //   console.log(e)
      // });

    // }
  },
  created() {
    // this.find()
    // this.$http.get('http://localhost:8080/api/data1')
    //   .then(
    //     function (data) {
    //       console.log(data.body)
    //    },
    //     function (err) {
    //       console.log(err)
    //  })
  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 2px;
  background-color: darksalmon;
}
</style>
